/*正常情况下滑块的样式*/

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/*正常情况下滑块的样式*/

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background: #DDDEE0;
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/

:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background: #DDDEE0;
}

/*鼠标悬浮在滑块上时滑块的样式*/

::-webkit-scrollbar-thumb:hover {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background: #DDDEE0;
}

/*正常时候的主干部分*/

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background: transparent;
}
// 列表页
.m-page-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
// 数据表格
.m-table-wrap {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .m-btn-list {
    padding: 15px 15px 0;
    background-color: white;
  }
}


// 搜索表单
.m-search-form {
  background-color: #fff;
  padding-top: 18px;
  padding-left: 32px;
  .el-form-item {
    margin-right: 32px;
  }
  margin-bottom: 15px;
}

// 提示
.form-extra {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  padding-top: 5px;
}

.el-link + .el-link {
  margin-left: 10px;
}

// 折叠面膜card样式
.collapse-card {
  border: 0;
  .el-collapse-item {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border: 1px solid #EBEEF5;

    .el-collapse-item__header{
      border: 0;
      padding: 0 10px;
    }
    .el-collapse-item__wrap {
      border: 0;
      padding: 15px;
    }
    .el-collapse-item__content {
      padding: 0;
    }
    .el-collapse-item__header.is-active {
      border-bottom: 1px solid #EBEEF5;
    }
  }
  .el-collapse-item + .el-collapse-item {
    margin-top: 10px;
  }
}

// 宽度100%
.el-select,
.el-date-editor.el-input,
.el-input-number,
.el-cascader {
  width: 100%;
}
// 禁用样式
.el-input.is-disabled .el-input__inner {
  background-color: unset;
}
